<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>企业级SaaS研发平台</title>
<meta name="viewport" content="width=1200">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="renderer" content="webkit">
<meta name="HandheldFriendly" content="true">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link th:href="@{/resources/css/register.css}" rel="stylesheet">

<!-- 根路径 -->
<script type="text/javascript" th:inline="javascript">
	    ctx = /*[[@{/}]]*/'';
	console.info(ctx);
</script>

</head>

<body>
	<div id="app" class="">
		<div class="auth-router">

			<div class="auth-panel">
				<div class="banner">
					<div class="logo dc-logo dc-logo-white">
						<a th:href="@{/}" title="回到首页"> <img
							th:src="@{/resources/icons/logo_aws.png}" style="width: 72px;">
						</a>
					</div>
					<div style="padding-bottom: 53px;">
						<p class="title">企业级SaaS研发平台</p>
						<p class="description">协助企业快速SaaS产品化，平台化</p>
						<p class="description">实现信息化管理实践，满足您业务快速发展的不同需求</p>
					</div>
				</div>
				<div class="content">
					<div class="main sign-up">
						<p class="title">用户登陆</p>
						<p class="sub-title">
							没有账户， <a th:href="@{/public/portal/ucenter/register}"
								class="login">我要注册 <i class="el-icon-arrow-right-2"
								style="margin-left: 4px; margin-bottom: 2px;"></i></a>
						</p>
						<form class="el-form" id="loginForm">
							<div class="el-form-item is-required">
								<label for="phone" class="el-form-item__label">用户名</label>
								<div class="el-form-item__content">
									<div class="el-input">


										<input autocomplete="off" th:value="${phone}" name='username'
											placeholder="demo@gmail.com" type="text" rows="2"
											maxlength="128" validateevent="true" class="el-input__inner">

									</div>
								</div>
							</div>
							<div class="el-form-item is-required">
								<label for="signup_password" class="el-form-item__label">密码</label>
								<div class="el-form-item__content">
									<div class="el-input el-input-group el-input-group--append"
										autocomplete="off">


										<input autocomplete="off" placeholder="8~16位，包含大小写字母、数字、特殊字符"
											type="password" name='password' rows="2" maxlength="128"
											validateevent="true" class="el-input__inner">

										<div class="el-input-group__append">
											<svg aria-hidden="true" class="svg-icon el-icon-eye-close">
                          <use xlink:href="#icon-uneye"></use>
                        </svg>
										</div>
									</div>
								</div>
							</div>

							<div class="el-form-item is-required">
								<label for="signup_password" class="el-form-item__label">验证码</label>
								<div class="el-form-item__content">
									<div class="el-input el-input-group el-input-group--append"
										autocomplete="off">


										<input autocomplete="off" placeholder="4位验证码" 
										  	type="text"
										  	style="width:200px;float:left"
											name='captcha' rows="2" maxlength="16"
											validateevent="true" class="el-input__inner">

										<div class="eftsfW"
											style="width: 100px; height: 40px; float: right; margin-right:10px">
											<a href="javascript:void(0);" title="点击更换验证码"> <img
												class="imgcode" style="border-radius: 4px;" th:src="@{/public/kaptcha/captcha}" />
											</a>
										</div>

									</div>
								</div>
							</div>

							<div class="addition">
								<label class="el-checkbox single"> 
								<span class="el-checkbox__input is-checked"> 
									<span class="el-checkbox__inner"></span> 
									<input type="checkbox" class="el-checkbox__original" name="rememberMe">
								</span> 
								<span class="el-checkbox__label"> <span class="custom_color">记住我</span>
								</span>
								</label>
							</div>
							<button type="button" onclick="ajaxLogin()"
								class="el-button option-buttom-full success-btn el-button--primary">
								<span>登陆</span>
							</button>
						</form>
					</div>
				</div>
			</div>
		</div>

	</div>

	<script th:src="@{/asserts/js/jquery.min.js}"></script>
	<script th:src="@{/asserts/js/plugins/jquery.form/jquery.form.min.js}"></script>
		
	<script th:src="@{/asserts/js/plugins/layer/layer.js}"></script>
	<script th:src="@{/asserts/js/global.js}"></script>
	<script th:src="@{/asserts/js/login.js}"></script>

</body>

</html>